<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@page import="org.jeecgframework.core.util.SysThemesUtil,org.jeecgframework.core.enums.SysThemesEnum"%>
<%
	// 	String lang = org.jeecgframework.core.util.BrowserUtils.getBrowserLanguage(request);
	// 	String langurl = "plug-in/mutiLang/" + lang + ".js";
	SysThemesEnum sysTheme = SysThemesUtil.getSysTheme(request);
	String lhgdialogTheme = SysThemesUtil.getLhgdialogTheme(sysTheme);

	String param_sta = request.getParameter("options");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="plug-in/jquery/jquery-1.8.3.min.js" /></script>
<script src="webpage/jeecg/image/ajaxfileupload.js"></script>
<link rel="stylesheet" href="css/index.css">
<title>用户信息</title>
</head>
<!--头部 -->
<%@include file="head.jsp"%>

<!--main -->
<div class="shezhi">
	<div class="shezhi_c">
		<div class="shezhi_c_top">
			<img src="imges/home.png"> > 设置 > 个人资料
		</div>
		<div class="shezhi_con">
			<%@include file="setLeftNaviLists.jsp"%>

			<div class="shezhi_con_r">

				<%@include file="setTopNaviLists.jsp"%>
				<%
					if ("base".equals(param_sta) || StringUtil.isEmpty(param_sta)) {
				%>
				<form id="base" method="post" enctype="multipart/form-data" autocomplete="off" target="frame_profile" onsubmit="">
					<div class="gr_xinxi">
						<div class="gr_xinxi_l">
							<div class="gr_xinxi_l1">
								<ul>
									<li>二代身份证正反面组合 :</li>
									<li style="height: 40px">性别 :</li>
									<li>生日 :</li>
									<li style="height: 60px">真实姓名:</li>
									<li>出生地:</li>
									<li>血型 :</li>
									<li>交友目的 :</li>
									<li>居住地 :</li>
									<li>情感状态 :</li>
								</ul>
							</div>
							<div class="gr_xinxi_l2">
								<ul>
									<li>
										<!-- 										<button>选择文件</button> -->
										<a href="javascript:void(0);" id="imageUploadLink" style="color: #0090ee">上传图片</a>
										<span>清析图片</span><span style="color: #0090ee">（限500K）</span><br> <span style="color: #d9d9d9; font-size: 13px">此项资料提交后需要审核</span>

										<label id="defaultImage" style="display: none;"></label>
										<!-- 								<img id="defaultImage" src="webpage/jeecg/image/default.jpg" alt="图片上载" width="50" height="50" style="display: none;"> -->
										<input type="file" onchange="uploadHead();" id="fileInput" style="display: none;" name="fileInput" />
									</li>

									<li style="height: 40px; top: 80px;">
										<span> <c:if test="${userInfo.gender == '1'}">女</c:if> <c:if test="${userInfo.gender == '0'}">男</c:if>
										</span>
									</li>
									<li>
										<select class="gr_xinxi_l2_sel" name="birthyear" id="birthyear"    onchange="showbirthday();" tabindex="1">
											<option value="">年</option>
											<option value="2016">2016</option>
											<option value="2015">2015</option>
											<option value="2014">2014</option>
											<option value="2013">2013</option>
											<option value="2012">2012</option>
											<option value="2011">2011</option>
											<option value="2010">2010</option>
											<option value="2009">2009</option>
											<option value="2008">2008</option>
											<option value="2007">2007</option>
											<option value="2006">2006</option>
											<option value="2005">2005</option>
											<option value="2004">2004</option>
											<option value="2003">2003</option>
											<option value="2002">2002</option>
											<option value="2001">2001</option>
											<option value="2000">2000</option>
											<option value="1999">1999</option>
											<option value="1998">1998</option>
											<option value="1997">1997</option>
											<option value="1996">1996</option>
											<option value="1995">1995</option>
											<option value="1994">1994</option>
											<option value="1993">1993</option>
											<option value="1992">1992</option>
											<option value="1991">1991</option>
											<option value="1990">1990</option>
											<option value="1989">1989</option>
											<option value="1988">1988</option>
											<option value="1987">1987</option>
											<option value="1986">1986</option>
											<option value="1985">1985</option>
											<option value="1984">1984</option>
											<option value="1983">1983</option>
											<option value="1982">1982</option>
											<option value="1981">1981</option>
											<option value="1980">1980</option>
											<option value="1979">1979</option>
											<option value="1978">1978</option>
											<option value="1977">1977</option>
											<option value="1976">1976</option>
											<option value="1975">1975</option>
											<option value="1974">1974</option>
											<option value="1973">1973</option>
											<option value="1972">1972</option>
											<option value="1971">1971</option>
											<option value="1970">1970</option>
											<option value="1969">1969</option>
											<option value="1968">1968</option>
											<option value="1967">1967</option>
											<option value="1966">1966</option>
											<option value="1965">1965</option>
											<option value="1964">1964</option>
											<option value="1963">1963</option>
											<option value="1962">1962</option>
											<option value="1961">1961</option>
											<option value="1960">1960</option>
											<option value="1959">1959</option>
											<option value="1958">1958</option>
											<option value="1957">1957</option>
											<option value="1956">1956</option>
											<option value="1955">1955</option>
											<option value="1954">1954</option>
											<option value="1953">1953</option>
											<option value="1952">1952</option>
											<option value="1951">1951</option>
											<option value="1950">1950</option>
											<option value="1949">1949</option>
											<option value="1948">1948</option>
											<option value="1947">1947</option>
											<option value="1946">1946</option>
											<option value="1945">1945</option>
											<option value="1944">1944</option>
											<option value="1943">1943</option>
											<option value="1942">1942</option>
											<option value="1941">1941</option>
											<option value="1940">1940</option>
											<option value="1939">1939</option>
											<option value="1938">1938</option>
											<option value="1937">1937</option>
											<option value="1936">1936</option>
											<option value="1935">1935</option>
											<option value="1934">1934</option>
											<option value="1933">1933</option>
											<option value="1932">1932</option>
											<option value="1931">1931</option>
											<option value="1930">1930</option>
											<option value="1929">1929</option>
											<option value="1928">1928</option>
											<option value="1927">1927</option>
											<option value="1926">1926</option>
											<option value="1925">1925</option>
											<option value="1924">1924</option>
											<option value="1923">1923</option>
											<option value="1922">1922</option>
											<option value="1921">1921</option>
											<option value="1920">1920</option>
											<option value="1919">1919</option>
											<option value="1918">1918</option>
											<option value="1917">1917</option>
										</select>
										<select class="gr_xinxi_l2_sel1" name="birthmonth" id="birthmonth"    onchange="showbirthday();" tabindex="1">
											<option value="">月</option>
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7">7</option>
											<option value="8">8</option>
											<option value="9">9</option>
											<option value="10">10</option>
											<option value="11">11</option>
											<option value="12">12</option>
										</select>
										<select class="gr_xinxi_l2_sel1" name="birthday" id="birthday"    tabindex="1">
											<option value="">日</option>
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7">7</option>
											<option value="8">8</option>
											<option value="9">9</option>
											<option value="10">10</option>
											<option value="11">11</option>
											<option value="12">12</option>
											<option value="13">13</option>
											<option value="14">14</option>
											<option value="15">15</option>
											<option value="16">16</option>
											<option value="17">17</option>
											<option value="18">18</option>
											<option value="19">19</option>
											<option value="20">20</option>
											<option value="21">21</option>
											<option value="22">22</option>
											<option value="23">23</option>
											<option value="24">24</option>
											<option value="25">25</option>
											<option value="26">26</option>
											<option value="27">27</option>
											<option value="28">28</option>
											<option value="29">29</option>
											<option value="30">30</option>
											<option value="31">31</option>
										</select>
									</li>
									<li style="height: 60px">
										<span> <!-- 											<input type="text" class="gr_xinxi_l2_input"> --> <input type="text" class="gr_xinxi_l2_input" name="realname"
												id="realname" class="px" value="${userInfo.realName}" tabindex="1" />
										</span><br> <span style="color: #d9d9d9; font-size: 13px"> 此项资料提交后需要审核</span>
									</li>
									<li>
										<select class="gr_xinxi_l2_sel" name="birthprovince" id="birthprovince"    tabindex="1">
											<option value="">-省份-</option>
											<option did="1" value="北京市">北京市</option>
											<option did="2" value="天津市">天津市</option>
											<option did="3" value="河北省">河北省</option>
										</select>
									</li>
									<li>
										<!-- 										<input type="text" class="gr_xinxi_l2_input" style="width: 70px; padding-left: 10px" value="A"> -->
										<select class="gr_xinxi_l2_input" name="bloodtype" id="bloodtype"    tabindex="1">
											<option value="A">A</option>
											<option value="B">B</option>
											<option value="AB">AB</option>
											<option value="O">O</option>
											<option value="其它">其它</option>
										</select>
										<div class="rq mtn" id="showerror_bloodtype"></div>
										<p class="d"></p>
									</li>
									<li>
										<input type="text" class="gr_xinxi_l2_input" name="lookingfor" id="lookingfor" class="px" value="${userInfo.purpose}" tabindex="1">
									</li>
									<li>
										<select class="gr_xinxi_l2_sel" name="resideprovince" id="resideprovince"    tabindex="1">
											<option value="">-省份-</option>
											<option did="1" value="北京市">北京市</option>
											<option did="2" value="天津市">天津市</option>
											<option did="3" value="河北省">河北省</option>
										</select>
									</li>
									<li>
										<!-- 										<input type="text" class="gr_xinxi_l2_input"> -->
										<input type="text" class="gr_xinxi_l2_input" name="affectivestatus" id="affectivestatus" class="px" value="${userInfo.emotionalStates}"
											tabindex="1">
									</li>
								</ul>
								<div class="shezhi_con_rc3" style="width: 100%">
									<button class="shezhi_con_rc3_button" id="but_save" onclick="saveUserInfos('base')">保 存</button>
								</div>
							</div>
						</div>
						<div class="gr_xinxi_r">
							<div class="gr_xinxi_r1">
								<ul>
									<li>
										<select class="gr_xinxi_l2_sel" style="width: 70px;">
											<option>公开</option>
											<option>保密</option>
										</select>
									</li>
									<li style="height: 40px">
										<select class="gr_xinxi_l2_sel" style="width: 70px;">
											<option>公开</option>
											<option>保密</option>
										</select>
									</li>
									<li>
										<select class="gr_xinxi_l2_sel" style="width: 70px;">
											<option>公开</option>
										</select>
									</li>
									<li style="height: 60px">
										<select class="gr_xinxi_l2_sel" style="width: 70px;">
											<option>公开</option>
											<option>保密</option>
										</select>
									</li>
									<li>
										<select class="gr_xinxi_l2_sel" style="width: 70px;">
											<option>公开</option>
											<option>保密</option>
										</select>
									</li>
									<li>
										<select class="gr_xinxi_l2_sel" style="width: 70px;">
											<option>公开</option>
											<option>保密</option>
										</select>
									</li>
									<li>
										<select class="gr_xinxi_l2_sel" style="width: 70px;">
											<option>公开</option>
											<option>保密</option>
										</select>
									</li>
									<li>
										<select class="gr_xinxi_l2_sel" style="width: 70px;">
											<option>公开</option>
											<option>保密</option>
										</select>
									</li>
									<li>
										<select class="gr_xinxi_l2_sel" style="width: 70px;">
											<option>公开</option>
											<option>保密</option>
										</select>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</form>
				<%
					} else if ("contact".equals(param_sta)) {
				%>
				<from id="contact">
				<div class="shezhi_con_r">

					<div class="gr_xinxi">
						<div class="gr_xinxi_l">
							<div class="gr_xinxi_l1">
								<ul>
									<li style="height: 60px">QQ :</li>
									<li>微信 :</li>
									<li>手机:</li>
									<li>Email :</li>
								</ul>
							</div>
							<div class="gr_xinxi_l2">
								<ul>
									<li style="height: 60px">
										<span> <input type="text" class="gr_xinxi_l2_input" name="qq" id="qq" class="px" value="${userInfo.qq}" tabindex="1">
										</span><br> <span style="color: #d9d9d9; font-size: 13px">设置我的 <span style="color: #0090ee">QQ在线</span>状态
										</span>
									</li>
									<li>
										<input type="text" class="gr_xinxi_l2_input" name="wechat" id="wechat" class="px" value="${userInfo.wechat}" tabindex="1">
									</li>
									<li>
										<input type="text" class="gr_xinxi_l2_input" name="mobile" id="mobile" class="px" value="${userInfo.mobile}" tabindex="1">
									</li>
									<li>
										${userInfo.email} <span style="color: #0090ee">（<a href="userInfoController.do?modifyPassWordPage">修改</a>）
										</span>
									</li>
								</ul>

								<div class="shezhi_con_rc3" style="width: 100%">
									<button class="shezhi_con_rc3_button" id="but_save" onclick="saveUserInfos('contact')">保 存</button>
								</div>
							</div>
						</div>
						<div class="gr_xinxi_r">
							<div class="gr_xinxi_r1">
								<ul>
									<li style="height: 60px">
										<select class="gr_xinxi_l2_sel" style="width: 70px;">
											<option>公开</option>
											<option>保密</option>
										</select>
									</li>
									<li>
										<select class="gr_xinxi_l2_sel" style="width: 70px;">
											<option>公开</option>
											<option>保密</option>
										</select>
									</li>
									<li>
										<select class="gr_xinxi_l2_sel" style="width: 70px;">
											<option>公开</option>
											<option>保密</option>
										</select>
									</li>
									<li>
										<select class="gr_xinxi_l2_sel" style="width: 70px;">
											<option>公开</option>
											<option>保密</option>
										</select>
									</li>
									<li>
										<select class="gr_xinxi_l2_sel" style="width: 70px;">
											<option>公开</option>
											<option>保密</option>
										</select>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</from>
				<%
					} else if ("edu".equals(param_sta)) {
				%>
				<from id="edu">
				<div class="gr_xinxi">
					<div class="gr_xinxi_l">
						<div class="gr_xinxi_l1">
							<ul>
								<li>学历 :</li>
								<li>毕业学校 :</li>
							</ul>
						</div>
						<div class="gr_xinxi_l2">
							<ul>
								<li>
									<select class="gr_xinxi_l2_sel1" name="education" id="education"  tabindex="1">
										<option value="博士">博士</option>
										<option value="硕士">硕士</option>
										<option value="本科">本科</option>
										<option value="专科">专科</option>
										<option value="高中">高中</option>
										<option value="初中">初中</option>
										<option value="小学">小学</option>
										<option value="其它">其它</option>
									</select>
								</li>
								<li>
									<input type="text" class="gr_xinxi_l2_input" name="graduateschool" id="graduateschool" class="px" value="${userInfo.graduationSchool}" tabindex="1">
								</li>
							</ul>
							<div class="shezhi_con_rc3" style="width: 100%">
								<button class="shezhi_con_rc3_button" id="but_save" onclick="saveUserInfos('edu')">保 存</button>
							</div>
						</div>
					</div>
					<div class="gr_xinxi_r">
						<div class="gr_xinxi_r1">
							<ul>
								<li>
									<select class="gr_xinxi_l2_sel" style="width: 70px;">
										<option>公开</option>
										<option>保密</option>
									</select>
								</li>
								<li>
									<select class="gr_xinxi_l2_sel" style="width: 70px;">
										<option>公开</option>
										<option>保密</option>
									</select>
								</li>
							</ul>
						</div>
					</div>
				</div>
				</from>
				<%
					} else if ("work".equals(param_sta)) {
				%>
				<from id="work">
				<div class="gr_xinxi">
					<div class="gr_xinxi_l">
						<div class="gr_xinxi_l1">
							<ul>
								<li>公司 :</li>
								<li>年收入 :</li>
								<li>职位 :</li>
								<li>职业 :</li>
							</ul>
						</div>
						<div class="gr_xinxi_l2">
							<ul>
								<li>
									<input type="text" class="gr_xinxi_l2_input" name="company" id="company" value="${userInfo.company}" tabindex="1">
								</li>
								<li>
									<input type="text" class="gr_xinxi_l2_input" name="revenue" id="revenue" value="${userInfo.annualIncome}" tabindex="1">
								</li>
								<li>
									<input type="text" class="gr_xinxi_l2_input" name="position" id="position" value="${userInfo.position}" tabindex="1">
								</li>
								<li>
									<input type="text" class="gr_xinxi_l2_input" name="occupation" id="occupation" value="${userInfo.profession}" tabindex="1">
								</li>
							</ul>
							<div class="shezhi_con_rc3" style="width: 100%">
								<button class="shezhi_con_rc3_button" id="but_save" onclick="saveUserInfos('work')">保 存</button>
							</div>
						</div>
					</div>

					<div class="gr_xinxi_r">
						<div class="gr_xinxi_r1">
							<ul>
								<li>
									<select class="gr_xinxi_l2_sel" style="width: 70px;">
										<option>公开</option>
										<option>保密</option>
									</select>
								</li>
								<li>
									<select class="gr_xinxi_l2_sel" style="width: 70px;">
										<option>公开</option>
										<option>保密</option>
									</select>
								</li>
							</ul>
						</div>
					</div>

				</div>
				</from>
				<%
					} else if ("info".equals(param_sta)) {
				%>
				<from id=info>
				<div class="gr_xinxi">
					<div class="gr_xinxi_l">
						<div class="gr_xinxi_l1">
							<ul>
								<li style="height: 90px">自我介绍 :</li>
								<li>个人主页 :</li>
								<li style="height: 60px">证件号 :</li>
								<li>邮寄地址 :</li>
								<li>邮箱 :</li>
								<li style="height: 90px">兴趣爱好 :</li>
								<li style="height: 60px">证件类型 :</li>
							</ul>
						</div>
						<div class="gr_xinxi_l2">
							<ul style="margin-bottom: 31px;">
								<li style="height: 90px">
<!-- 									<input type="text" class="gr_xinxi_l2_input" style="height: 70px;"> -->
									<textarea  class="gr_xinxi_l2_input"  style="height: 70px;" name="introduction" id="introduction" rows="3" cols="40" tabindex="1" >${userInfo.selfIntroduction}</textarea>
								</li>
								<li>
									<input type="text" class="gr_xinxi_l2_input" name="site" id="site" value="${userInfo.personalHomepage}" tabindex="1">
								</li>
								<li style="height: 60px">
									<span>
									<input type="text" class="gr_xinxi_l2_input" name="idcard" id="idcard"  value="${userInfo.idNo}" tabindex="1">
									</span><br> <span style="color: #d9d9d9; font-size: 13px">
									此项资料提交后需要审核</span>
								</li>
								<li>
									<input class="gr_xinxi_l2_input" type="text" name="address" id="address" value="${userInfo.abode}" tabindex="1">
								</li>
								<li>
									<input class="gr_xinxi_l2_input" type="text" name="zipcode" id="zipcode" value="${userInfo.postcode}" tabindex="1">
								</li>
								<li style="height: 90px">
<!-- 									<input type="text" class="gr_xinxi_l2_input" style="height: 70px;"> -->
									<textarea class="gr_xinxi_l2_input" style="height: 70px;" name="interest" id="interest" class="pt" rows="3" cols="40" tabindex="1">${userInfo.hobbies}</textarea>
								</li>
								<li style="height: 60px">
									<span>
										<input class="gr_xinxi_l2_input" type="text" name="idcardtype" id="idcardtype" value="${userInfo.idType}" tabindex="1">
									</span><br> <span style="color: #d9d9d9; font-size: 13px">此项资料提交后需要审核</span>
								</li>
							</ul>
							<div class="shezhi_con_rc3" style="width: 100%">
								<button class="shezhi_con_rc3_button" id="but_save" onclick="saveUserInfos('info')">保 存</button>
							</div>
						</div>
					</div>
					<div class="gr_xinxi_r">
						<div class="gr_xinxi_r1">
							<ul>
								<li style="height: 90px">
									<select class="gr_xinxi_l2_sel" style="width: 70px;">
										<option>公开</option>
										<option>保密</option>
									</select>
								</li>
								<li>
									<select class="gr_xinxi_l2_sel" style="width: 70px;">
										<option>公开</option>
										<option>保密</option>
									</select>
								</li>
								<li style="height: 60px">
									<select class="gr_xinxi_l2_sel" style="width: 70px;">
										<option>公开</option>
									</select>
								</li>
								<li>
									<select class="gr_xinxi_l2_sel" style="width: 70px;">
										<option>公开</option>
										<option>保密</option>
									</select>
								</li>
								<li style="height: 90px">
									<select class="gr_xinxi_l2_sel" style="width: 70px;">
										<option>公开</option>
										<option>保密</option>
									</select>
								</li>
								<li style="height: 60px">
									<select class="gr_xinxi_l2_sel" style="width: 70px;">
										<option>公开</option>
										<option>保密</option>
									</select>
								</li>
								<li>
									<select class="gr_xinxi_l2_sel" style="width: 70px;">
										<option>公开</option>
										<option>保密</option>
									</select>
								</li>
							</ul>
						</div>
					</div>
				</div>
				</from>
				<%
					}
				%>

			</div>
			<div style="clear: both"></div>
		</div>
		<div style="clear: both"></div>
	</div>
</div>



<!--foot -->
<%@include file="foot.jsp"%>

</body>
<!-- <script src = "webpage/jeecg/image/images.js"></script> -->
<script type="text/javascript" src="js/saveuserinfos.js"></script>
</html>
<script>
	function onChangePage(param) {
		//将地址替换成新url
		window.location.replace('userInfoController.do?userInfosPage&options='
				+ param);
	}
</script>